<template>
    <div id="footer">
        <div class="container">
            <div class="footerup">
                <!-- 外部支持 -->
                <div class="supportsTitle">合作伙伴</div>
                <div class="supports">
                    <div class="support">
                        <el-image :src="require('@/assets/img/footer/惠分期.png')" fit="cover"></el-image>
                    </div>
                    <div class="support">
                        <el-image :src="require('@/assets/img/footer/sass.png')" fit="cover"></el-image>
                    </div>
                    <div class="support">
                        <el-image :src="require('@/assets/img/footer/e-jarvis.png')" fit="cover"></el-image>
                    </div>
                    <div class="support">
                        <el-image :src="require('@/assets/img/footer/一米滴答.png')" fit="cover"></el-image>
                    </div>
                    <div class="support">
                        <el-image :src="require('@/assets/img/footer/bilibili.png')" fit="cover"></el-image>
                    </div>
                </div>
            </div>
        </div>


        <div class="container" style="background-color: #fff;">
            <div class="footerdown">
                <!-- 底部logo -->
                <div class="footerLogo">
                    <el-image :src="require('@/assets/img/footer/logo_blue@2x.png')" fit="cover"></el-image>
                </div>
                <div style="margin-right: 90px;padding: 1rem 0;">
                    <!-- 底部链接 -->
                    <div>
                        <ul>
                            <li><a href="#">网站首页</a></li>
                            <li><a href="#">帮助中心</a></li>
                            <li><a href="#">联系我们</a></li>
                            <li><a href="#">客户服务</a></li>
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">广告服务</a></li>
                            <li><a href="#">网站地图</a></li>
                            <li style="margin-right: 0;"><a href="#">意见反馈</a></li>
                        </ul>
                    </div>
                    <!-- 底部描述 -->
                    <div class="footerDescribe">
                        Copyright © www.88888.com, All Rights Reserved.爱学项目院 做项目 学技术 助你实现自己的互联网开发梦
                    </div>
                </div>

                <!-- 底部联系方式 -->

                <div class="footerContact">
                    <span>24小时客服 400-000-0000</span>
                    <div class="footerContactWay">
                        <div>
                            <el-image :src="require('@/assets/img/footer/WeChat@2x.png')" fit="cover"></el-image>
                        </div>
                        <div>
                            <el-image :src="require('@/assets/img/footer/QQ@2x.png')" fit="cover"></el-image>
                        </div>
                        <div>
                            <el-image :src="require('@/assets/img/footer/weibo@2x.png')" fit="cover"></el-image>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</template>

<script>
</script>

<style lang="scss">
    @import '@/assets/css/footer/footer.scss';
</style>
